body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.6 \5FAE\8F6F\96C5\9ED1,Verdana, Helvetica, sans-serif;}/*5FAE\8F6F\96C5\9ED1  Verdana, Helvetica, sans-serif*/
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:12px;}
ul,ol{list-style:none;}
a:link,a:visited{color:#000;text-decoration:none;}
a:hover,a:active{color:#000;text-decoration:none;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}


@font-face { 
  font-family: Marath-Medium; 
  src: url('Marath-Medium.otf'); 
} 




/* 清理浮动 */
.clear:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}
.clear {
zoom:1; /* for IE6 IE7 */
}
.center{text-align: center;}

.chrome_adjust {
	font-size: 9px;
	/*-webkit-transform: scale(0.75);
	-o-transform: scale(1);
	display:inline-block;*/ }

.fl{float:left; display:inline;}
.fr{float:right; display:inline;}

.mt8{margin-top:8px}
.mt12{margin-top:12px}
.mt15{margin-top:15px}
.mb10{margin-bottom:10px}



.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f22{font-size:22px;}

body{background: #ccc; overflow-x:hidden;}
#layout{background: #fff;}
.warp{width:1168px; margin:0 auto}
.box{background:url(../images/n_03.png) repeat-x center top; padding:80px 80px 40px 80px;width:1008px;_width:1168px; margin:0 auto; position:relative;}
.m_nav{display: none;}




#header{text-align: center;}
#header .tip{ text-align:left; }
#header .tip a{background:url(../images/c_03.png) no-repeat center right;padding-right:20px;font-size: 14px;
font-family: Marath-Medium;
}
#header .menu{ margin:20px auto; width:800px;}
#header .menu li{float: left;display: inline; position:relative; min-width:130px;}
#header .menu a{font-size: 15px; padding:0px 25px;
 font-family: Marath-Medium;
 font-weight: bold; 
}

#header .menu li a { display:block; height:30px; overflow:hidden; text-decoration:none;} 
#header .menu li span { display:block; height:30px; } 
#header .menu li a:hover span { margin-top:-30px;  } 



#header .menu li ul{display: none; position:absolute; width:100%; z-index:999999;
-webkit-box-shadow:3px -1px 2px #eee;
-moz-box-shadow:3px -1px 2px #eee ;
box-shadow:3px -1px 2px #eee ;
}
#header .menu li ul li{display: block;float: none;}
#header .menu li ul li a{font-family: meiryo,sans-serif, Helvetica, Arial;font-size: 12px; background:#F5F5F5;display: block; padding:12px 15px;font-weight: normal;}
#header .menu li ul li a:hover{ background:#D4D4D4;}



.title{background:url(../images/n_03.png) repeat-x top center; padding:10px 0px 15px 0px;text-align: center;}
 .title h2{font-size:28px;font-family: Marath-Medium;font-weight: normal;}


.contact{ padding:50px 50px 0px 50px; width:1068px;_width:1168px; background:url(../images/n_22.png) repeat-x center top;}
.contact dl{float: left;display: inline; width:20%; text-align:left;}
.contact dt{font-size:15px;font-weight: 500;font-family: Marath-Medium;}
.contact dd{ padding:5px 0px;}
.contact dd {color:#666;}
.contact dd a{color:#666;}

.contact dl.us{ width:39.9%;}
.contact .us dd{padding-left: 20px; }
.contact .us dd.add{ background:url(../images/ico_07.png) no-repeat left center;}
.contact .us dd.tel{ background:url(../images/ico_10.png) no-repeat left center;}
.contact .us dd.email{ background:url(../images/ico_12.png) no-repeat left center;}

.contact .us dd.fax{ background:url(../images/ico_11.png) no-repeat left center;}



.plist{ width:877px; margin:0 auto;}
.plist li{display: inline;float: left;margin-bottom: 50px; position:relative;}
.plist li a span{ position:absolute; width:84%; z-index:999; bottom:0px; margin:8%;background:#fff;left:0px; padding:2% 0;text-align: center;font-size: 16px;font-family: Marath-Medium;}


     





#footer{text-align: center;}
.copyright{ padding:30px 0px; background:url(../images/n_15.png) repeat-x center top;}
.copyright .f16{display: block;padding-right: 105px;}
.copyright em{ padding-left: 55px; text-decoration:underline;}
.welcome{font-size: 12px;  text-align:left;background: #f8f8f8; padding:10px;}
.welcome .close{float: right;display: inline; background:#f0f0f0 url(../images/c_22.png) no-repeat 65px center  ; padding:5px 50px 5px 10px;margin-right: 60px;}






 .index #content .box{ width:auto; padding:60px 65px 40px 65px;}
 .index #main{ width:1170px; margin:0 auto;}
     .index #main .span6 {float: left;display: inline; width:49.9%;position:relative;}
	 .index #main .span6 .span6{ width:auto;}
	 .index #main .span3{float: left;width:49.9%;position:relative; }
	 
	  .index #content #main p{ position:absolute;bottom:40%;padding-left: 35%;}
	  .index #content #main p a{padding:15px 30px; background: #000; color:#fff;}
	  .index #content #main p span{font-size: 24px; color:#fff;display: block; line-height:4em; font-family: Marath-Medium;}
	  .index #content #main .span3 p{ width:100%; text-align: center; padding-left: 0;}
	 .index #content #main .span3 p a{font-size: 14px; color:#fff; }





.honor #content .banner{text-align: center;}
.honor .box{ }
.honor .slider{text-align: center;}
.honor .slider_text{ margin:0 auto; width:855px; padding:20px;}
.honor .text{ width:50%;text-align: center; margin:0 auto 0 auto; text-indent:2em;}
.honor .text h3{margin:0;font-size: 15px;}
.honor .text p{ margin:0 5% 0 15%; color:#666;}
.honor .text.t2{ margin-top: 0;margin-bottom: 20%;}


.about #content .banner{text-align: center;}
.about .slider{text-align: center;}
.about .slider_text{ margin:0 auto; width:855px; padding:20px;}
.about .text{ width:50%;text-align: center; margin:3% auto 0 auto; text-indent:5em;}
.about .text h3{margin:2% 5% 0 15%;font-size: 15px;}
.about .text p{ margin:2% 5% 0 15%; color:#999;}
.about .text.t2{ margin-top: 20%;margin-bottom: 20%;}



.about #slides {
      display: none;
	  margin:0 auto;
	  width:856px;
	 
    }
	.about #content{ position:relative;}

    .about .slidesjs-navigation {
      margin-top:3px;
    }

    .about #slides .slidesjs-previous {
      margin-left: -500px;
      float: left;
	  top:210px;
	  position:absolute; left:50%;
	 font-size: 28px;
	  color:#999;
	 
    }

   .about  .slidesjs-next {
	   color:#999;
      margin-right: -500px;
      float: left;
	   top:210px;right:50%;
	   position:absolute;
	    font-size: 28px;
    }

   .about  .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }

    .about .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

   .about  .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .about .slidesjs-pagination li a.active,
   .about  .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

   .about  .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }


.address #content .banner{text-align: center;}
.address .text{ width:50%;text-align: center; margin:3% 0 0 0;}


.address #content{margin: 60px 0px;}
.address #content .photo{margin:0 0 0 15%;}
.address #content .arcitle{margin:0 10% 0 5%; width:40%;}
.address #content .arcitle h2{font-size: 40px; color:#967551;padding-bottom: 10px; }
.address .text h3{margin:2% 26% 0 26%;font-size: 15px;}
.address .text p{ margin:2% 26% 0 26%; color:#999;}




.partner .text{ width:50%;text-align: center; margin:3% 0 0 0;}


.partner #content{margin: 60px 0px;}
.partner #content .photo{margin:0 0 0 15%;}
.partner #content .arcitle{margin:0 10% 0 5%; width:40%;}
.partner #content .arcitle h2{font-size: 40px; color:#967551;padding-bottom: 10px;}
.partner .text h3{margin:2% 26% 0 26%;font-size: 15px;}
.partner .text p{ margin:2% 26% 0 26%; color:#999;}
.partner #content ul li{float: left;display: inline; margin:0px 20px 10px 0px;}
.partner #content  .warp{ width:910px;}
.partner  #content .warp .fl{margin-left: 0;}
.partner #content  .arcitle{ margin-right: 0; width:53%;margin-top: 50px;}
.partner #content  .arcitle img{ margin:20px 20px 0px 0px;}
.partner #content  .warp .fr{margin-left: 0;}

.partner #content .warp.wp2{}
.partner #content  .warp.wp2 .fr{ width:490px;}
.partner #content .warp.wp2 .fr ul{margin-top:20px ;}
.partner #content  .warp.wp2 .fr li{ margin:0px 20px 20px 0px;}

.partner #content ul{ clear:both;padding-top: 50px;padding-bottom: 100px;}
.partner #content ul li img{ border:#eee 1px solid;}








.history #content .banner{text-align: center;}
.history .text{ width:50%;text-align: center; margin:3% 0 0 0;}
.history .text h3{margin:2% 26% 0 26%;font-size: 15px;}
.history .text p{ margin:2% 26% 0 26%; color:#999;}
.history #content ul{ width:877px; margin:0 auto;}
.history #content li{ position:relative;}
.history #content li .year{float: left;}
.history #content li .year span{float: left; clear:left;font-size: 16px; padding-right: 15px;
 background:url(../images/i.png) no-repeat right center;}
.history #content li h5{}
.history #content li .t{border-left:#cfcfcf 1px solid;margin-left: 50px; padding:20px 0px 80px 20px; border-top:#cfcfcf 1px dashed ;}

.history #content li .t1{ position:absolute; top:-10px;}
.history #content li .t2{position:absolute; top:20px;}
.history #content li .t3{position:absolute; bottom:-10px;}



.col1 #content .banner{text-align: center;}
.col1 .text{ width:50%;text-align: center; margin:3% 0 0 0;}
.col1 .text h3{margin:2% 26% 0 26%;font-size: 15px;}
.col1 .text p{ margin:2% 26% 0 26%; color:#999;}


.col1 .warp{}
.col1 .aside{ width:260px;border-top:#ccc 1px solid;}
.col1 .aside .yude{ padding-bottom: 200px;}
.col1 .aside h2{font-size: 22px;font-family: Marath-Medium; padding:5px 0px;}
.col1 .col-list{border-top:#ccc 1px solid; padding:10px 0px;}
.col1 .col-list h3{font-size: 18px;font-family: Marath-Medium; /*background:url(../images/l.png) no-repeat right center;*/ cursor:pointer;}
.col1 .col-list h3.hover{/*background:url(../images/l2.png) no-repeat right center;*/ }

.col1 .col-list ul{ padding:10px 0px; }

.col1 .col-list ul li a{ text-decoration:underline; color:#666;}

.col1 .plist{ width:880px;}
.col1 .plist li{ position:relative;}
.col1 .plist li.view p{
	background:#000;
	filter:alpha(opacity=30);
-moz-opacity:.30;
opacity:0.3;
	 position:absolute;
	  width:100%;
	   height:100%;top:0px;
	    text-align: center; 
		color:#fff;}
.col1 .plist li.view em{display: block;
position:absolute;top:45%;
text-align: center;
color:#fff;
width:100%;
z-index:999999999999;
}




.col2 #content .banner{text-align: center;}
.col2 .text{ width:50%;text-align: center; margin:3% 0 0 0;}
.col2 .text h3{margin:2% 26% 0 26%;font-size: 15px;}
.col2 .text p{ margin:2% 26% 0 26%; color:#999;}


.news .box h3{text-align: center;font-size: 24px; font-family: Marath-Medium;}
.news #content .banner{text-align: center;}
.news .slider_text{margin:0 auto; width:855px; padding:20px;}
.news .slider_text h2{font-size: 28px; padding:20px 0px; color:#937852;text-align: center;}
.news .slider_text h2 span{font-size: 16px;display: block;}
.news .slider_text p{font-size: 12px; text-indent:2em;color: rgb(102, 102, 102); font-family: Arial, sans-serif; line-height: 18px;}
.news .slider_text p img{ margin-top:10px; margin-bottom:10px; text-align:center;}/*margin-left:-25px; */
.news .fl{ width:59.9%;}
.news .fl ul li{/*float: left;display: inline;padding:5px;*/ }
.news .text{ width:40%;text-align: center; margin:3% 0 0 0;}
.news .text h3{margin:2% 5% 0 5%;font-size: 15px;}
.news .text p{ margin:2% 5% 0 5%; color:#999;}




.contacts .arcitle{ width:540px; margin:0 auto;}



.job dl{ padding:10px 0;}
.job .arcitle{ padding:5%;}

.joining dl{ padding:10px 0;}
.joining .arcitle{ padding:5%;}

.message{}
 .message table{ margin:0 auto;}
.message table td{ padding:5px;}
.message table input{ padding:8px 0px; }
/*.message table input,.message table textarea{ width:100%;border:#ccc 1px solid;}*/
/*.message table a.btn{ padding:10px 30px;
background: #000;
 color:#fff;
 margin:10px; 
 font-family: Marath-Medium;
 font-size: 16px;
 }*/
*.message table #textfield,.message table textarea{ width:100%;border:#ccc 1px solid;}
.message table .btn{ padding:10px 30px;
background: #000;
 color:#fff;
 margin:10px; 
 font-family: Marath-Medium;
 font-size: 16px;
 }

/* 当浏览器的可视区域小于980px */
@media screen and (max-width: 980px) {
	
	/*公共部分*/
	.warp{ width:100%; padding:0px;}
	.box{ width:100%; padding:5% 0;}
	#header .tip{display: none;}
	
	
	
	#header .menu{ position:absolute; width:40%; top:0px; left:-40%; height:100%;background: #ccc;margin-top: 0; z-index:99999999;}
	#header .menu li{ width:100%;}
	#header .menu a{display: block; text-align:left;background: #ccc; /*padding:15px 10px;*/}
	
	

/*    #header .menu li span { display:none;} */

	
	
	#header .menu li ul{ position:static;}
	#header .menu li ul li a{ padding:15px 20px;}
	
	
	.logo{ text-align:left; padding:6px 0px 0px 0px;}
	.logo img{ width:100px;}
	.m_nav{float: left;display: inline; width:22px;margin-right: 10px;
	margin:10px 10px 0px 10px;}
	.m_nav span{display: block; height:4px; background:#000 ; margin:4px 0px;}
	
	
	
	
	#content .fl{float: none; width:100%;}
	#content .fr{float: none;width:100%;}
	
	#content img{ width:90%; margin:5%; }
	
	
	
	
	
	#content .elastislide-carousel ul li a p{font-size: 12px;}
	
	
	 .contact{background: none ;}
	 
	 
	  .contact dl.us,.contact dl{ width:100%; padding:10px;}
	  
	 
	  .contact dl dt{
		
		  
		  padding:10px 10px;
		 
	  background: -moz-linear-gradient(to bottom, rgba(245, 245, 245, 1) 0%,
			rgba(245, 245, 245, 0.97) 1%, rgba(255, 255, 255, 0) 50%);
		background: -webkit-linear-gradient(to bottom, rgba(245, 245, 245, 1) 0%,
			rgba(245, 245, 245, 0.97) 1%, rgba(255, 255, 255, 0) 50%);
		background: -o-linear-gradient(to bottom, rgba(245, 245, 245, 1) 0%,
			rgba(245, 245, 245, 0.97) 1%, rgba(255, 255, 255, 0) 50%);
		background: -ms-linear-gradient(to bottom, rgba(245, 245, 245, 1) 0%,
			rgba(245, 245, 245, 0.97) 1%, rgba(255, 255, 255, 0) 50%);
		background: linear-gradient(to bottom, rgba(245, 245, 245, 1) 0%,
			rgba(245, 245, 245, 0.97) 1%, rgba(255, 255, 255, 0) 50%);
			
			}
			.contact dl dt .icon-arrow-down{float: right; width:20px; height:20px; background:url(../images/l.png) no-repeat center;}
			.contact dl dt.hover .icon-arrow-down{background:url(../images/l2.png) no-repeat center;}
		.contact dl dd{ padding:10px;}
		.contact dl.us dd{margin-left: 5px;}
	  
	 .welcome .close{margin: 0;}
	 .welcome{line-height: 2.2em; padding:10px 0px;}
	.copyright .f16{ padding:0;}
	 .copyright em{display: block; padding:0;}
	 /*公共部分*/
	 
	 
	 
	 
	 
	 
	 
	 
	  .index #content #main{ width:auto; margin:0 auto;}
	  .index #content .box{ width:auto; padding:80px 50px 40px 80px; padding:0;}
     .index #content #main .span6 {float: none;display: inline; width:100%; }
	  .index #content #main p{ position:static; padding:0px;text-align: center;}
	  .index #content #main p a{display: block; margin:0 5%;}
	  .index #content #main p span{ color:#000; }
	 .index #content #main .span6 .span6{ width:auto;}
	 .index #content #main .span3{float: none;width:100%; }
	 
	 
	 .index #content #main .span3 p a{ width:90%;display: block; margin:0 5%; padding-left: 0;padding-right: 0;}
	
	 
	 
	 .about #content .text{ width:100%;}
	 .about #content  .slider_text{ width:100%; padding:0;}
	 .about #content .text p{ margin:0;}
	 
	 .about #content #slides { position:relative;}
	 
	 .about #content #slides  img{ margin:0;}
	 .about #content #slides{ width:100%;}
	  .about #slides .slidesjs-previous {
      margin-left: 0px;
      float: left;
	  top:45%;
	  position:absolute; 
	  left:5px;
	 font-size: 28px;
	  color:#999;
	  z-index:9999999999999;
	 
    }

   .about #slides .slidesjs-next {
	   color:#999;
      margin-right: 0px;
      float: left;
	   top:45%;
	   right:5px;
	   position:absolute;
	    font-size: 28px;
		 z-index:9999999999999;
    }
	
	
	
	 
	 
	 .technology{}
	 .technology{}
	 
	 .world{}
	 .world #content .slider_text{ width:90%; margin:0 5%; padding:0;}
	 
	 
	 .address{}
	 .address #content .photo{ margin:0;}
	 .address #content .arcitle { margin:0 5%;display: block; width:90%;}
	 
	 .col1 #content .yude{padding: 10px}
	 .col1 #content .plist{}
	 .col1 #content .plist{ width:100%;}
	 .col1 #content .plist li{ width:49.9%;}
	 .col1 .plist li.view p{display: none;}
	 .col1 #content .col-list{ margin:5px;}
	 
	 
	 .col2{}
	 .col2 #content .plist{ width:100%;}
	 .col2 #content .plist li{ width:49.9%;}
	 
	 .history #content{}
	 .history #content ul{ width:90%; margin:0px 5%;}
	 
	 
	 .news{}
	 .news #content .slider_text h2{font-size:18px;}
	 .news #content .slider_text { width:100%; padding:0;}
	 .news #content img{ margin:0; width:100%;}
	  
	
	 
	 
	 .contacts .arcitle{ width:90%; margin:5% auto;}
	 
	 
	 .partner #content .warp{ width:100%;}
	 .partner #content .arcitle img{ margin:5%; }
	.partner #content .photo{display: none;}
	.partner #content ul{padding-bottom: 10px;margin-top: 10px;}
	 .partner #content ul li{ width:49.9%; margin:0;}
	 .partner #content .warp.wp2 .fr li{width:49.9%; margin:0;}
	 .partner #content h3,.partner #content p { margin:0 5%;display: block; width:90%;}
	 
	 .message table{ margin:0 auto; width:100%;}
	 .message table img{width:50px;}
}